<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>


<f:view>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <title>EvIn | Home</title>
            <link rel="stylesheet" href="/EvIn/styles/styles.css" type="text/css" />
            <style type="text/css">
                .rich-calendar-header{
					font-weight: bold;
                    text-align:center;
                }
                .organizer-cell {
                    width: 90px;
                    height: 90px;
                    overflow: hidden;
                }
            </style>
        </head>

        <body>

            <div id="wrapper">
                <div class="header">
                    <jsp:include page="/common/header.jsp"></jsp:include>
                </div>
                <div class="fullpane">
                    <div class="leftpane">
                        <jsp:include page="/common/main_menu.jsp"></jsp:include>
                    </div>

                    <div class="rightpane">

                        <div class="contentTitle">
                            Home
                        </div>                        
						<br/>

						<div align="center">

							<h:form id="form">
								<rich:messages/>
								<rich:calendar value=""
											   popup="false" showApplyButton="false"
											   cellWidth="100px" cellHeight="100px"
											   dataModel="#{calendarData}"
											   boundaryDatesMode="none" showWeeksBar="false"
											   id="organiser" showFooter="false">
									<f:facet name="header">
										<h:panelGroup>

											<h:outputText style="font-size:medium" value="This Month" />
										</h:panelGroup>
									</f:facet>
									<a4j:outputPanel layout="block" id="cell" style="height: 100%;" styleClass="organizer-cell">
										<div align="left">
											<h:outputText value="{day}"/>
											<h:outputText value=" [{eventCount}]"/>
										</div>
										<div align="left">
											<h:outputText value="{links}" escape="false" style="align: center" styleClass="meny_link"/>
										</div>
									</a4j:outputPanel>
								</rich:calendar>
							</h:form>
						</div>
                    </div>
                </div>
            </div>
        </body>
    </html>

</f:view>

